<template>
  <div>
    <CloudPopover placement="topLeft" title="title1">
      <template slot="content">
        <div>Content</div>
        <div>Content</div>
      </template>
      <CloudButton>Align edge / 边缘对齐</CloudButton>
    </CloudPopover>
    <CloudPopover placement="topLeft" arrow-point-at-center title="title2">
      <template slot="content">
        <div>Content</div>
        <div>Content</div>
      </template>
      <span slot="title">自定义自定义Title</span>
      <CloudButton>Arrow points to center / 箭头指向中心</CloudButton>
    </CloudPopover>
  </div>
</template>

<script>
  export default {
    title: '4.箭头指向 ',
    subTitle: '设置了 arrowPointAtCenter 后，箭头将指向目标元素的中心。（slot="title" 自定义title）',
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>